<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            margin: 0;
        }

        table {
            border-collapse: collapse;
            border: 1px solid black;
            width: 50%;
        }

        th {
            background-color: aquamarine;
        }

        th,
        td {
            border: 1px solid black;
            text-align: center;
            padding: 8px;
        }

        th:hover,
        td:hover {
            background-color: #f0f0f0;
            color: #ff0000;
        }

        caption {
            caption-side: top;
            text-align: center;
            font-size: 1.5em;
            padding: 10px;
        }

        .table-wrapper {
            display: flex;
            justify-content: center;
            width: 100%;
        }
    </style>
</head>

<body>
    <div class="table-wrapper">
        <table>
            <caption>杨成豪吃菌闹着了</caption>
            <tr>
                <th>少爷的Vision Pro</th>
                <th>少爷吃菌子吃的</th>
            </tr>
            <tr>
                <td>见手青</td>
                <td>食用后可能出现“小人国幻视症”，看见各种性格活泼、颜色不一的小人，或出现其他幻视、幻听症状。中毒后患者可能会觉得那个世界非常漂亮，因害怕这些画面消失，便不停的喊叫，整夜不眠。</td>
            </tr>
            <tr>
                <td>牛肝菌</td>
                <td>食用未煮熟的牛肝菌可能会导致神经精神型中毒症状，如幻觉、烦躁、幻听、妄语等怪异行为，严重时可能会有迫害妄想，出现类似精神分裂症的症状。</td>
            </tr>
            <tr>
                <td>红见手</td>
                <td>食用后可能会先出现头昏、恶心、呕吐症状，然后有烦躁、幻听、幻觉、妄语等行为，少数人还有迫害妄想。</td>
            </tr>
        </table>
    </div>

    <div class="table-wrapper">

        <form action="/" method="post">
            <h1>实名上网必填单</h1>
            <!-- 文本输入框 -->
            <label for="email">邮箱:</label>
            <input type="text" id="email" name="email" required>
            <br>
            <!-- 密码输入框 -->
            <label for="password">密码:</label>
            <input type="password" id="password" name="password" required>
            <br>
            <!-- 单选按钮 -->
            <label>性别:</label>
            <input type="radio" id="male" name="gender" value="male" checked>
            <label for="male">男</label>
            <input type="radio" id="female" name="gender" value="female">
            <label for="female">女</label>
            <input type="radio" id="helo" name="gender" value="helo">
            <label for="helo">武装直升机</label>
            <br>
            <!-- 复选框 -->
            <input type="checkbox" id="subscribe" name="subscribe" checked>
            <label for="subscribe">是否下载原神</label>
            <br>
            <!-- 下拉列表 -->
            <label for="country">国家:</label>
            <select id="country" name="country">
                <option value="CN">中国</option>
                <option value="USA">美国</option>
                <option value="UK">英国</option>
                <option value="JP">日本</option>
                <option value="RU">俄罗斯</option>
            </select>
            <br>
            <!-- 提交按钮 -->
            <input type="submit" value="提交">
        </form>
    </div>
</body>

</html>